<template>
  <div class="function-question">
    <!-- 内容 -->
    <l-text-rarrow
      v-for="(item, index) in functionQuestionList"
      :key="index"
      :icon="item.svg"
      :text="item.text"
      :distance="item.description"
      :icon2="item.arrow"
    />
  </div>
</template>

<script>
import LTextRarrow from '../../common/LTextRarrow.vue';
export default {
  name: 'functionQuestion',
  components: { LTextRarrow },
  data() {
    return {
      functionQuestionList: [
        {
          text: "如何预定",
          arrow: "arrow"
        },
        {
          text: "如何支付",
          arrow: "arrow"
        },
        {
          text: "会员优惠",
          arrow: "arrow"
        },
        {
          text: "车辆事故",
          arrow: "arrow"
        },
        {
          text: "其他问题",
          arrow: "arrow"
        },
        {
          text: "限行政策",
          arrow: "arrow"
        },
        {
          text: "国际租车",
          arrow: "arrow"
        },
        {
          text: "预付规则",
          arrow: "arrow"
        },
        {
          text: "注册协议",
          arrow: "arrow"
        },
        {
          text: "网约车相关资质公式",
          arrow: "arrow"
        }
      ]
    };
  }
}
</script>
<style lang="scss" scoped>
.function-question {
  width: 100%;
  height: 100%;
  background-color: #fff;
  // 标题
  .wallet-title {
    border-bottom: 4px solid $bgcolor;
  }
  // 内容
  .detail-text {
    border-bottom: 2px solid $bgcolor;
  }
}
</style>